@charset "utf-8";

@font-face {
	font-family: 'siyuan';
	src: url('sourcehansanscn-regular.woff');
	src: local('sourcehansanscn-regular.woff'), local('SourceHanSansCN-Regular'), url('sourcehansanscn-regular.woff') format('woff'), url('sourcehansanscn-regular.woff') format('truetype'), url('sourcehansanscn-regular.woff') format('svg');
}

@font-face{
  font-family: CodaCaption;
  src: url("CodaCaption-ExtraBold.ttf");
}

@font-face{
  font-family: Anton;
  src: url("Anton-Regular.ttf");
}

@font-face {
  font-family: 'NumberFont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_i5no6m11vx7.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_i5no6m11vx7.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_i5no6m11vx7.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_i5no6m11vx7.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_i5no6m11vx7.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_i5no6m11vx7.svg#庞门正道标题体2') format('svg'); /* iOS 4.1- */
}

/*-- 页面共通部分 --*/
body { line-height: 100%; min-height: 100px; font-family: "siyuan", "思源黑体 CN", "微软雅黑", Arial; font-size: 14px; margin: 0 auto; color: #232323; -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility; }
ol, ul, li { list-style: none outside none; padding: 0; }
a { text-decoration: none; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; }
img { border: none; vertical-align: middle; }
table { border-collapse: collapse; }
tr, td, th { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; padding: 0; margin: 0; }

.mod { width: 100%; margin: 50px 0px; }
.mod .rom { width: 96%; max-width: 1440px; margin: 0 auto; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center { text-align: center; }

/*-- 内页左侧通栏 --*/
.left-col { width: 260px; }
.left-col .category-tab { margin-bottom: 20px; background: #fff; }
.left-col .tab-tt { width: 100%; line-height: 80px; color: #fff; text-indent: 20px; }
.left-col .tab-tt span { font-size: 15px; font-weight: 300; letter-spacing: 1px; }
.left-col .contact-tab, .left-col .product-tab { margin-bottom: 20px; background: #fff; }
.left-col .tab-list-1 { width: 100%; padding: 15px 0px 20px; }
.left-col .tab-list-1 .item { margin-bottom: 6px; }
.left-col .tab-list-1 .item a { display: block; width: 90%; margin: 0 auto; line-height: 42px; font-size: 15px; color: #222; border-bottom: 1px solid #eee; text-indent: 6px; } 
.left-col .tab-list-2 { width: 100%; padding: 20px 0px 20px;  } 
.left-col .tab-list-2 .item { width: 200px; margin: 0 auto; margin-bottom: 10px; }
.left-col .tab-list-2 .item .pic { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 70%; border: 1px solid #ddd; overflow: hidden; }
.left-col .tab-list-2 .item img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; transition: all 0.3s ease 0s;}
.left-col .tab-list-2 .item:hover img { -webkit-transform: scale(1.5); transform: scale(1.5); transition: all 0.3s ease 0s; }
.left-col .tab-list-2 .item .tt { display: block; width: 200px; text-align: center; font-size: 13px; line-height: 30px; }
.left-col .tab-list-3 { padding: 30px 15px; }
.left-col .tab-list-3 .item { margin-bottom: 10px; }
.left-col .tab-list-3 .item div { vertical-align: top; font-size: 13px; line-height: 24px; }
.left-col .tab-list-3 .tt { display: inline-block; width: 52px; text-align: right; }
.left-col .tab-list-3 .value { display: inline-block; width: 160px; }
.left-col .tab-list-3 .value, .left-col .tab-list-3 .value p { letter-spacing: 1px; }
.left-col .tab-list-3 i { position: relative; top: 1px; }
.left-col .citem { padding-left: 20px; }

/*-- 内页左侧通栏 样式2 --*/
.left-col-2 { width: 260px; padding-top: 20px; }
.left-col-2 .category-tab { margin-bottom: 20px; background: #fff; }
.left-col-2 .tab-tt { border-bottom: 1px solid #ddd; }
.left-col-2 .tab-tt span { display: inline-block; font-size: 28px; line-height: 70px; position: relative; top: 1px; }
.left-col-2 .tab-tt span i { font-size: 26px; }
.left-col-2 .tab-list-1 { width: 100%; padding: 15px 0px 20px; }
.left-col-2 .tab-list-1 .item { margin-bottom: 6px; }
.left-col-2 .tab-list-1 .item a { display: block; width: 100%; line-height: 42px; font-size: 15px; color: #222; border-bottom: 1px solid #eee; } 
.left-col-2 .tab-list-1 .item a span { display: inline-block; float: right; font-weight: bold; }
.left-col-2 .product-tab { margin-bottom: 20px; background: #fff; }
.left-col-2 .tab-list-2 { width: 100%; padding: 20px 0px 20px;  } 
.left-col-2 .tab-list-2 .item { width: 100%; margin: 0 auto; margin-bottom: 15px; }
.left-col-2 .tab-list-2 .item .pic { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 70%; border: 1px solid #ddd; overflow: hidden; }
.left-col-2 .tab-list-2 .item img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; transition: all 0.3s ease 0s;}
.left-col-2 .tab-list-2 .item:hover img { -webkit-transform: scale(1.5); transform: scale(1.5); transition: all 0.3s ease 0s; }
.left-col-2 .tab-list-2 .item .tt { display: block; width: 100%; text-align: center; font-size: 15px; line-height: 50px; }
.left-col-2 .contact-tab { margin-bottom: 20px; background: #fff; }
.left-col-2 .tab-list-3 { padding: 20px 0px; }
.left-col-2 .tab-list-3 .item { margin-bottom: 5px; }
.left-col-2 .tab-list-3 .item div { vertical-align: top; font-size: 15px; line-height: 24px; }
.left-col-2 .tab-list-3 .tt { display: inline-block; width: 52px; text-align: right; }
.left-col-2 .tab-list-3 .value { display: inline-block; width: 200px; }
.left-col-2 .tab-list-3 .value, .left-col .tab-list-3 .value p { letter-spacing: 1px; }
.left-col-2 .citem { padding-left: 20px; }
.left-col-2 .tab-list-3 i { position: relative; top: 1px; }

/*-- 单页留言页 --*/
.table_form tbody td, .table_form tbody th { border: none !important; }
.table_form th { font-size: 15px !important; }
.input-text, .measure-input, input.date, input.endDate, .input-focus { height: 36px !important; font-size: 15px !important; }
.input-text { width: 600px !important; }
textarea, textarea.input-text, textarea.input-focus { width: 596px !important; height: 150px !important; font-size: 15px !important; }
.table_form td, .table_form th { padding: 5px 0px 5px 30px !important; }
.table_form #dosubmit { width: 180px; display: inline-block; height: 42px; line-height: 42px; padding: 0 18px; background-color: #393D49; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; margin-top: 20px; }

/*-- 内页右侧内容页 --*/
.page { background: #efefef; margin: 0px; padding: 1rem 0px; }
.right-col { background: #fff; padding: .5rem 1.5rem 2.5rem; min-height: 10rem; }
.right-col .page-head { border-bottom: 2px solid #eee; margin: 10px 0px 30px; }
.right-col .page-head span { display: inline-block; float: right; color: #999; font-size: .7rem; line-height: 3rem; }
.right-col .page-head span svg { position: relative; top: 3px; }
.right-col .content-info { margin-bottom: 20px; }
.right-col .content-info img { max-width: 100%; }
.right-col .map-info  { margin-top: 30px; }
.right-col .map-info .layui-field-box {  height: 420px; }
.contact .company-tt { font-size: 26px; line-height: 52px; font-weight: bold; color: #333; padding-left: 10px; }

/*-- 右侧新闻列表页 --*/
.right-col .news-list .item { margin: 30px 0px; }
.right-col .news-list .thumb { width: 200px; }
.right-col .news-list .thumb a { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 60%; }
.right-col .news-list .thumb img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; }
.right-col .news-list .information { width: 560px; margin-left: 20px; }
.right-col .news-list .information .tt { font-size: 18px; line-height: 30px; color: #222; }
.right-col .news-list .information .date { font-size: 13px; line-height: 18px; color: #999; }
.right-col .news-list .information i { position: relative; top: 2px; }
.right-col .news-list .information .description { font-size: 13px; color: #999; line-height: 20px; margin-top: 8px; }
.right-col .news-list .line { width: 90%; height: 1px; background: #eee; }

/*-- 右侧下载列表页 --*/
.right-col .download-list .item { margin-bottom: 5px; }
.right-col .download-list .tt { display: inline-block; width: 650px; text-indent: 5px; text-align: left; }
.right-col .download-list .tt a, .right-col .download-list .tt span, .right-col .download-list .date { font-size: 15px; line-height: 36px; }
.right-col .download-list .date { display: inline-block; width: 200px; text-align: right; color: #999; }
.right-col .download-list .download { display: inline-block; width: 200px; text-align: right;  }
.right-col .download-list .download a { color: #e00000; }

/*-- 新闻内页样式 --*/
.news-col-show h2 { text-align: center; font-size: 20px; margin-bottom: 10px; }
.news-col-show .sub-info { margin-bottom: 20px; text-align: center; }
.news-col-show .sub-info, .right-col .sub-info i { font-size: 13px; line-height: 26px; color: #999; }
.news-col-show .content-info { margin: 20px 0px 30px 0px; }
.news-col-show .layui-elem-quote { color: #696969; }

/*-- 产品列表样式 --*/
.product-list { display: flex; flex-wrap: wrap; justify-content: flex-start;  }
.product-col .item { margin-bottom: 1rem; }
.product-col .item .pic { width: 23rem; height: 23rem; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; }
.product-col .item img { max-width: 96%; max-height: 96%; transition: all 0.3s ease 0s; }
.product-col .item .tt { width: 23rem; font-size: .8rem; color: #212121; line-height: 3rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.product-col .line { width: 0px; height: 1px; transition: all 0.5s ease 0s; }
.product-col .item:hover .line { width: 100%; transition: all 0.5s ease 0s; }
.product-col .item:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); transition: all 0.5s ease 0s; }

/*-- 产品内页样式 --*/
.product-detail .magnifier { margin: 0px !important; }
.product-detail .show-ll { width: 25rem; }
.product-detail .show-rr { width: 40rem; }
.product-detail .show-rr h1 { font-size: 1.2rem; line-height: 3.6rem; color: #fff; margin-bottom: 1.5rem; display: flex; align-items: center; padding-left: 1rem; }
.product-detail .show-rr p { font-size: 1rem; line-height: 2rem; text-indent: .5rem; }
.product-detail .show-rr a { width: 100%; font-size: 1rem; line-height: 3rem; height: 3rem; border-radius: 5px; margin: 5px 0px; }
.product-detail .param { margin-bottom: 1.5rem; }
.product-information { min-height: 16rem; margin-top: 2.5rem; }
.product-information .layui-tab-title .layui-this { width: 10rem; font-size: 1rem; color: #fff; }

/*-- 分页样式 --*/
#pages a { display: inline-block; background: #393D49; color: #fff; line-height: 28px; text-align: center; padding: 0px 10px; }
#pages span { display: inline-block; border: 1px solid #393D49; color: #393D49; line-height: 26px; text-align: center; padding: 0px 10px; }

/*-- 内容区样式 --*/
.right-col .content-info, .right-col .content-info span, .right-col .content-info div, .right-col .content-info p { font-size: 15px; line-height: 30px; color: #333; }

/*-- 客服样式 --*/
.qa-mod { padding-bottom: 30px; }
.qa-mod .qa-qq { margin-top: 15px; }
.qa-mod .qa-qq .item { text-align: center; margin-bottom: 5px; }
.qa-mod .line { height: 1px; width: 80%; background: #ddd; margin: 10px auto 5px; }
.qa-mod .qa-qrcode { text-align: center; }
.qa-mod .qa-qrcode img { width: 120px; }
.qa-mod .qa-hotline .tt { text-align: center; font-size: 13px; line-height: 26px; color: #696969; }
.qa-mod .qa-hotline .item { font-family: "Anton"; text-align: center; font-size: 16px; letter-spacing: 1px; line-height: 20px; color: #c5262f; }
.qa-mod .qa-contact p { text-align: center; }
#layui-layer1 .layui-layer-setwin { top: 19px; }

/*-- lightbox样式 --*/
.lightcase-contentInner img { border-radius: 10px; }
#lightcase-info #lightcase-title, #lightcase-info #lightcase-caption { color: #ddd !important; }


.page_nav { float: left; display: flex; justify-content: flex-start; }
.page_nav_item { display: inline-block; padding-right: 1.5rem; }
.page_nav_item--line { width: 0px; background-color: #013e99; height: 2px; position: relative; top: 2px; margin: 0 auto; transition: all 0.3s ease 0s;}
.page_nav_item:hover .page_nav_item--line { width: 70%; transition: all 0.3s ease 0s; }
.page_nav_font { display: block; font-size: .8rem; font-weight: bold; line-height: 3rem; }
.page_nav_item:hover .page_nav_font { color: #013e99; }
.page_nav_active .page_nav_item--line { width: 80%; }
.page_nav_active .page_nav_font { color: #013e99; }

.con_title { padding-top: 20px; }
.con_title p { text-align: center; font-size: 26px; line-height: 52px; }
.con_title:after { content: ""; display: block; width: 40px; height: 2px; background: #013e99; margin: 8px auto 20px; }

/*.content-info { padding: 10px 20px; }*/
.content-info * { text-align: justify; }
.content-info img { display: block; margin: 0 auto; }

.page_news_list--main { display: flex; justify-content: space-between; }
.page_news_item--main { width: 30rem; background: #eee; padding: 1rem 2rem .5rem; }
.page_news_item--main:hover { background: #1047a1; transition: all 0.5s ease 0s; }
.page_news_thumb--main { position: relative; display: block; height: 0; padding: 0; overflow: hidden; padding-bottom: 40%; background-color: #fff; }
.page_news_thumb--main img { position: absolute; object-fit: cover; width: 100%; height: 100%; border: 0; vertical-align: middle; transition: all 0.5s ease 0s; }
.page_news_item--main:hover img { -webkit-transform: scale(1.8); transform: scale(1.8); transition: all 0.5s ease 0s; } 
.page_news_info--main { padding: 1.5rem 1rem; transition: all 0.5s ease 0s; }
.page_news_date--main { font-size: .8rem; color: #999; line-height: .8rem; margin-bottom: .6rem; }
.page_news_title--main { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.2rem !important; color: #4c4c4c; font-weight: bold; line-height: 1.2rem; }
.page_news_line--main { width: 50px; height: 1px; background: #4c4c4c; margin: .8rem 0;  }
.page_news_description--main { font-size: .9rem; color: #969696; line-height: 1.5rem; margin-bottom: 10px; }
.page_news_more--main { font-size: .8rem; line-height: 36px; width: 9rem; display: block; text-align: center; background-color: #055eab; color: #fff; }
.page_news_item--main:hover .page_news_title--main { color: #fff; }
.page_news_item--main:hover .page_news_description--main { color: #fff; }
.page_news_item--main:hover .page_news_date--main { color: #fff; }
.page_news_item--main:hover .page_news_line--main { background-color: #fff; }
.page_news_item--main:hover .page_news_more--main { background-color: #fff; color: #1047a1; }

.page_news_list { display: flex; justify-content: space-between; flex-wrap: wrap; }
.page_news_item { display: flex; justify-content: flex-start; margin-top: 1rem; width: 30rem; background: #eee; padding: 1rem 2rem .5rem; transition: all 0.5s ease 0s; }
.page_news_date { width: 3.2rem; height: 3.2rem; display: flex; justify-content: center; align-items: center; }
.page_news_date p { color: #4c4c4c; text-align: center; }
.page_news_day { font-size: 1.8rem !important; font-family: "CodaCaption"; font-weight: bold; line-height: 2rem; }
.page_news_month { font-size: .6rem; line-height: .6rem; }
.page_news_info { margin-left: 1.2rem;  }
.page_news_title { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page_news_title a { font-size: 1.2rem; line-height: 3rem; font-weight: bold; color: #4c4c4c; }
.page_news_item:hover { background: #1047a1; transition: all 0.5s ease 0s; }
.page_news_item:hover p, .page_news_item:hover a { color: #fff; }

.page_h1 { font-size: 2rem; line-height: 4rem; color: #212121; text-align: center; }
.page_h1:after { display: block; content: ""; width: 2rem; height: 2px; background-color: #212121; margin: 0rem auto; }